<script setup lang="ts">
function handleClickLeft() {
  uni.navigateBack()
}
</script>

<template>
  <view class="h-full flex flex-col overflow-hidden">
    <wd-navbar title="时间设置" left-text="返回" left-arrow @click-left="handleClickLeft" />
    <scroll-view
      class="box-border flex-1 overflow-hidden p-[10px]"
      scroll-y
      :show-scrollbar="false"
    >
      <custom-wd-input-single-select
        label="活动有效期"
        placeholder="请选择"
        placeholder-class="text-align-right"
      />
      <view class="mt-4 px-[10px]">
        <wd-text text="设置时间" size="12px" />
      </view>
      <wd-cell
        class="mt-3 rounded-lg"
        title="星期"
        is-link
        center
        value="星期一/二/三/四/五/六/日"
        title-width="30%"
      />
      <view class="mt-3 rounded-lg bg-white px-[15px]">
        <view class="flex items-center justify-between">
          <wd-text text="时间" size="14px" color="#333" />
          <view>
            <wd-button type="text">添加</wd-button>
          </view>
        </view>
        <view class="flex items-center justify-between py-[10px]">
          <wd-text text="06:00 至 11:00" size="14px" />
          <view>
            <view class="i-icon-park-outline-delete text-sm text-tips" />
            <view class="i-icon-park-outline-edit-two ml-2 text-sm text-tips" />
          </view>
        </view>
      </view>
    </scroll-view>
    <view class="flex border-t-1 border-border border-t-solid bg-white p-4">
      <wd-button class="w-full" :round="false" type="primary">保存</wd-button>
    </view>
  </view>
</template>

<style scoped lang="scss"></style>
